<template>
  <div class="breadcrumb">
      <span>首页</span>
      <i class="icon">></i>
      <span>文章推荐</span>
  </div>
</template>

<script>
export default {
  name: "Breadcrumb",
  components: {},
  props: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang="scss">
.breadcrumb {
  width: calc(100%-10px);
  line-height: 50px;
  text-align: left;
  padding-left: 20px;
  background-color: #c6cbce;
}
.breadcrumb>i{
    margin: 0px 10px;
}
</style>
